# 使用 Node.js 镜像进行 Vue 项目的构建
FROM node:14 AS build-env
WORKDIR /app

# 将 Vue 项目的代码复制到容器中
COPY package*.json ./
RUN npm install
COPY . .

# 执行 Vue 项目的构建命令
RUN npm run build

# 切换到 Nginx 镜像用于部署
FROM nginx:alpine

# 将构建好的 Vue 项目静态文件复制到 Nginx 的默认静态文件目录
COPY --from=build-env /app/dist /usr/share/nginx/html

# 可选：自定义 Nginx 配置
# COPY nginx.conf /etc/nginx/conf.d/default.conf

# 暴露 80 端口
EXPOSE 80

# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]